<ul class="sidebar-container">
  <div class="sidebar-menu">
    <div class="menu-item" *ngFor="let item of menuList; index as i" >
      <div class="menu-parent" *ngIf="item.children; else menu">
        <div class="menu-label" (click)="toggleMenu(item)">
          <a class="sidebar-menu-item">{{item.name}}</a>
          <div class="icon-expand" [ngStyle]="{'background-image': 'url('+ '../../assets/images/expand-down.png' + ')' }"></div>
        </div>
        <div class="menu-children" *ngFor="let el of item.children; index as j">
            <a class="sidebar-menu-item"
            [routerLink]="el.link"
            routerLinkActive="active">{{j + 1}}:{{el.name}}</a>
        </div>
      </div>
      <ng-template #menu>
        <a class="sidebar-menu-item"
          [routerLink]="item.link"
          routerLinkActive="active">{{item.name}}</a>
      </ng-template>
    </div>
  </div>
</ul>
